<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 防止百度移动搜索转码 -->
  <meta name="renderer" content="webkit"><!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
  <title>良仓-首页</title>
  <meta name="keywords" content="shopping,share,social,design,designer,product,object,良仓、物品、生活家、设计、导购、恋物、创意、良品、分享、社交、电商">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 页面外层环绕 -->
<div class="wrapper">
  <!-- 页面头部 -->
  <header id="header">   
  </header>
  <div class="main-body center">
    <div class="banner-carousel">
      <!-- 图片区域 -->
      <ul class="banner-img" data-load="bannerImgs">
          <!--
            <li>
              <a href="${ahref}" >
                <img src="${imgsrc}">
              </a>
            </li>
          -->
      </ul>
      <!--左右方向按钮-->
      <div class="left-edging edging">
        <a  href="javascript:;" class="arr-slide arr-left" data-move="left">
          <img  src="img/index/normal_right.png">
        </a>
      </div>
      <div class="right-edging edging">
        <a href="javascript:;" class="arr-slide arr-right" data-move="right">
          <img  src="img/index/normal_left.png">
        </a>
      </div>
      
      <!--导航小圆点-->
      <ul class="indicators" data-load="bannerInds">
        <!-- <li class="active"></li>
        <li></li>
        <li></li>
        <li></li> -->
      </ul>
    </div>
    <!-- 五个文章推荐 -->
    <section class="article5">
      <!-- <div class="artic-big"><a href=""><img src="img/index/29927.png" alt=""></a></div>
      <div><a href=""><img src="img/index/29926.png" alt=""></a></div>
      <div><a href=""><img src="img/index/29926.png" alt=""></a></div>
      <div><a href=""><img src="img/index/29926.png" alt=""></a></div>
      <div><a href=""><img src="img/index/29926.png" alt=""></a></div>   -->
    </section>

    <!-- 人气良品 hot-ware -->
    <div class="middle-panel">
      人气良品
    </div>

    <ul class="hot-wares">
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <!-- 三分之一了 -->

      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <!-- 三分之二了 -->
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
      <li>
        <a href="" class="ware-link">
          <img src="img/ware/picbox/105728.jpg" alt="">
          <div class="mask">
            <p class="price">¥199.00</p>
            <p class="title">Kevlar Cable军工级数据线 | 苹果安卓 高速充电</p>
            <p class="subtitle">坚固耐用，数据线采用了防弹级别的高强度材质，并在德国实验室完成了压力测试，可承受1.5万次的...</p>
          </div>
        </a>
        <div class="brand-heart">
          <a href=""><img src="img/ware/brand/zus.jpg" alt=""><span>伊利</span></a>
          <a><span>622</span><img src="img/index/heart_gray20_18.png" alt=""></a>
        </div>
      </li>
    </ul>
    <!-- more -->
    <a href="" class="more"></a>
  </div>



  <footer id="footer">
  </footer>
</div>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/header.js"></script>
<script src="js/footer.js"></script>
<script src="js/index.js"></script>
</body>
</html>
